<script setup lang="js">
 import  Container  from "./components/Basic/Container.vue";
 import  Skeleton  from "./components/Basic/Skeleton.vue";
 import  TransparentBackground  from "./components/Basic/TransparentBackground.vue";
 import  Tinting  from "./components/Basic/Tinting.vue";
 import  CacheAsBitmap  from "./components/Basic/CacheAsBitmap.vue";
 import  ParticleContainer  from "./components/Basic/ParticleContainer.vue";
 import  BlendModes  from "./components/Basic/BlendModes.vue";
 import  SimplePlane  from "./components/Basic/SimplePlane.vue";

 import  Slots  from "./components/Advanced/Slots.vue";
 import  ScratchCard  from "./components/Advanced/ScratchCard.vue";
 import  StarWarp  from "./components/Advanced/StarWarp.vue";
 import  MouseTrail  from "./components/Advanced/MouseTrail.vue";
 import  ScreenShot  from "./components/Advanced/ScreenShot.vue";
 import  CollisionDetection  from "./components/Advanced/CollisionDetection.vue";
 import  Spinners  from "./components/Advanced/Spinners.vue";


 import  Basic  from "./components/Sprite/Basic.vue";
 import  TextureSwap  from "./components/Sprite/TextureSwap.vue";
 import  AnimatedSpriteExplosion  from "./components/Sprite/AnimatedSpriteExplosion.vue";
 import  AnimatedSpriteJet  from "./components/Sprite/AnimatedSpriteJet.vue";
 import  AnimatedSpriteAnimationSpeed  from "./components/Sprite/AnimatedSpriteAnimationSpeed.vue";
 import  TilingSprite  from "./components/Sprite/TilingSprite.vue";
 import  Video  from "./components/Sprite/Video.vue";

 import  PixiText  from "./components/Text/PixiText.vue";
 import  BitmapText  from "./components/Text/BitmapText.vue";
 import  FromFont  from "./components/Text/FromFont.vue";
 import  WebFont  from "./components/Text/WebFont.vue";

 import  Simple  from "./components/Graphics/Simple.vue";
 import  Advanced  from "./components/Graphics/Advanced.vue";
 import  Dynamic  from "./components/Graphics/Dynamic.vue";

 import  Click  from "./components/Events/Click.vue";
 import  Interactivity  from "./components/Events/Interactivity.vue";
 import  Dragging  from "./components/Events/Dragging.vue";
 import  CustomMouseIcon  from "./components/Events/CustomMouseIcon.vue";
 import  CustomHitarea  from "./components/Events/CustomHitarea.vue";
 import  Logger  from "./components/Events/Logger.vue";
 import  NestedBoundaryWithProjection  from "./components/Events/NestedBoundaryWithProjection.vue";
 import  PointerTracker  from "./components/Events/PointerTracker.vue";
 import  Slider  from "./components/Events/Slider.vue";

 import  Graphics  from "./components/Masks/Graphics.vue";
 import  Sprite  from "./components/Masks/Sprite.vue";
 import  Filter  from "./components/Masks/Filter.vue";


 import  Blur  from "./components/Filters-basic/Blur.vue";
 import  ColorMatrix  from "./components/Filters-basic/ColorMatrix.vue";
 import  DisplacementMapCrawlies  from "./components/Filters-basic/DisplacementMapCrawlies.vue";
 import  DisplacementMapFlag  from "./components/Filters-basic/DisplacementMapFlag.vue";


 import  MouseBlending  from "./components/Filters-advanced/MouseBlending.vue";
 import  Custom  from "./components/Filters-advanced/Custom.vue";
 import  ShaderToyFilterRenderTexture  from "./components/Filters-advanced/ShaderToyFilterRenderTexture.vue";

 import  TexturedMeshBasic  from "./components/Mesh-and-shaders/TexturedMeshBasic.vue";
 import  TexturedMeshAdvanced  from "./components/Mesh-and-shaders/TexturedMeshAdvanced.vue";
 import  Triangle  from "./components/Mesh-and-shaders/Triangle.vue";
 import  TriangleColor  from "./components/Mesh-and-shaders/TriangleColor.vue";
 import  TriangleTextured  from "./components/Mesh-and-shaders/TriangleTextured.vue";
 import  Uniforms  from "./components/Mesh-and-shaders/Uniforms.vue";
 import  SharingGeometry  from "./components/Mesh-and-shaders/SharingGeometry.vue";
 import  SharedShader  from "./components/Mesh-and-shaders/SharedShader.vue";
 import  MergingGeometry  from "./components/Mesh-and-shaders/MergingGeometry.vue";
 import  InterleavingGeometry  from "./components/Mesh-and-shaders/InterleavingGeometry.vue";
 import  InstancedGeometry  from "./components/Mesh-and-shaders/InstancedGeometry.vue";
 import  ShaderToyMesh  from "./components/Mesh-and-shaders/ShaderToyMesh.vue";
 import  MultiPassShaderGeneratedMesh  from "./components/Mesh-and-shaders/MultiPassShaderGeneratedMesh.vue";
 
 import  TextureRotate  from "./components/Texture/TextureRotate.vue";
 import  RenderTextureBasic  from "./components/Texture/RenderTextureBasic.vue";
 import  RenderTextureAdvanced  from "./components/Texture/RenderTextureAdvanced.vue";
 import  GradientBasic  from "./components/Texture/GradientBasic.vue";
 import  GradientResource  from "./components/Texture/GradientResource.vue";

 import  Promise  from "./components/Assets/Promise.vue";
 import  Async  from "./components/Assets/Async.vue";
 import  Multiple from "./components/Assets/Multiple.vue";
 import  Background from "./components/Assets/Background.vue";
 import  Bundle from "./components/Assets/Bundle.vue";

 import  Basico from "./components/Offscreen-canvas/Basic.vue";



  
</script>

<template>
  <!-- <Container /> -->
  <!-- <Skeleton /> -->
  <!-- <TransparentBackground /> -->
  <!-- <Tinting /> -->
  <!-- <CacheAsBitmap /> -->
  <!-- <ParticleContainer /> -->
  <!-- <BlendModes /> -->
  <!-- <SimplePlane /> -->

  <!-- <Slots /> -->
  <!-- <ScratchCard /> -->
  <!-- <StarWarp /> -->
  <!-- <MouseTrail /> -->
  <!-- <ScreenShot /> -->
  <!-- <CollisionDetection /> -->
  <!-- <Spinners /> -->

  <!-- <Basic /> -->
  <!-- <TextureSwap /> -->
  <!-- <AnimatedSpriteExplosion /> -->
  <!-- <AnimatedSpriteJet /> -->
  <!-- <AnimatedSpriteAnimationSpeed /> -->
  <!-- <TilingSprite /> -->
  <!-- <Video /> -->


  <!-- <PixiText /> -->
  <!-- <BitmapText /> -->
  <!-- <FromFont /> -->
  <!-- <WebFont /> -->
  <!-- <Simple /> -->
  <!-- <Advanced /> -->
  <!-- <Dynamic /> -->

  <!-- <Click /> -->
  <!-- <Interactivity /> -->
  <!-- <Dragging /> -->
  <!-- <CustomMouseIcon /> -->
  <!-- <CustomHitarea /> -->
  <!-- <Logger /> -->
  <!-- <NestedBoundaryWithProjection /> -->
  <!-- <PointerTracker /> -->
  <!-- <Slider /> -->

  <!-- <Graphics /> -->
  <!-- <Sprite /> -->
  <!-- <Filter /> -->

  <!-- <Blur /> -->
  <!-- <ColorMatrix /> -->
  <!-- <DisplacementMapCrawlies /> -->
  <!-- <DisplacementMapFlag /> -->

  <!-- <MouseBlending /> -->
  <!-- <Custom /> -->
  <!-- <ShaderToyFilterRenderTexture /> -->


  <!-- <TexturedMeshBasic /> -->
  <!-- <TexturedMeshAdvanced /> -->
  <!-- <Triangle /> -->
  <!-- <TriangleColor /> -->
  <!-- <TriangleTextured /> -->
  <!-- <Uniforms /> -->
  <!-- <SharingGeometry /> -->
  <!-- <SharedShader /> -->
  <!-- <MergingGeometry /> -->
  <!-- <InterleavingGeometry /> -->
  <!-- <InstancedGeometry /> -->
  <!-- <ShaderToyMesh /> -->
  <!-- <MultiPassShaderGeneratedMesh /> -->

  <!-- <TextureRotate /> -->
  <!-- <RenderTextureBasic /> -->
  <!-- <RenderTextureAdvanced /> -->
  <!-- <GradientBasic /> -->
  <!-- <GradientResource /> -->

  <!-- <Promise /> -->
  <!-- <Async /> -->
  <!-- <Multiple /> -->
  <!-- <Background /> -->
  <!-- <Bundle /> -->
  <Basico />


 
</template>

<style scoped>

</style>
